html
{
    overflow: scroll;
    overflow-x: auto;
    overflow-y: scroll;
}

body
{
}

input:focus, textarea:focus, select:focus, a:focus
{
    outline: none;
}

/* default hover monitor styles */

.HoverMenu
{
    font-family: Tahoma;
    font-size: 8.5pt;
    border: 1px solid #868686;
    z-index: 100001;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.MenuBg.gif") %>);
    background-repeat: repeat-y;
    background-color: #FAFAFA;
    cursor: default;
    padding: 1px 0px 0px 1px;
    font-size: 11px;
}

.HoverMenu .Break
{
    margin: 1px 0px 1px 32px;
    padding: 0px;
    display: block;
    border-top: 1px solid #C5C5C5;
}

.HoverMenu a.Item
{
    margin: 1px 1px 1px 0px;
    display: block;
    color: #003399;
    cursor: pointer;
    padding: 3px 19px 3px 32px;
    border: solid 1px transparent;
    white-space: nowrap;
    font-weight: normal;
    text-decoration: none;
}

body.IE6 .HoverMenu a.Item
{
    border-width:0px;
    padding: 4px 20px 4px 33px;
}

.HoverMenu a.Selected
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.CheckMark.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.HoverMenu a.Parent
{
    border-right: solid 1px transparent;
    padding-right: 18px;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.PopupArrow.gif") %>);
    background-position: right center;
    background-repeat: no-repeat;
}

.HoverMenu div.Parent
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.CheckMark2.gif") %>);
    background-repeat: no-repeat;
    background-position: 4px center;
    margin-left: -32px;
    padding-left: 32px;
}

.HoverMenu a.Default
{
    font-weight: bold;
}

.HoverMenu a.Active
{
    background-color: #FFE6A0;
    color: #003399;
    border: solid 1px #D2B47A;
    text-decoration: none;
}

.HoverMenu a.Disabled
{
    color: #696969;
}

.HoverMenu a.Dynamic
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Wait.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.HoverMenu a.Item span.Text
{
    font-weight: bold;
    color: #003399;
    display: block;
}

.HoverMenu a.Item span.Description
{
    color: #696969;
    display: block;
}

.HoverMenu a.Active span.Description
{
    color: #333333;
}

.HoverMenu div.Group
{
    padding: 0px;
}

.HoverMenuEx
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.MenuBgLarge.gif") %>);
}

.HoverMenuEx a.Item
{
    padding: 3px 19px 3px 47px;
}

body.IE6 .HoverMenuEx a.Item
{
    padding: 2px 20px 4px 48px;
}

.HoverMenuEx .Break
{
    margin: 1px 0px 1px 48px;
}

.HoverMenuEx a.Selected
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.CheckMarkLarge.gif") %>);
}

.HoverMonitor_Arrow
{
    width: 13px;
    background-color: Silver;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.DropArrow.gif") %>);
    background-position: center center;
    background-repeat: no-repeat;
}
.HoverMonitor_Arrow div
{
    height: 100%;
}
.HoverMonitor_TopLine, .HoverMonitor_BottomLine
{
    height: 1px;
    background-color: Black;
}

.HoverMonitor_RightLine, .HoverMonitor_LeftLine
{
    width: 1px;
    background-color: Black;
}


/* menu hover styles */

.Menu_TopLine, .Menu_RightLine, .Menu_BottomLine, .Menu_LeftLine
{
    display: none;
}
.Menu_Arrow
{
    width: 20px;
    background-color: transparent;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Placeholder.gif") %>);
}
/* data view styles */

div.Wait
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Wait.gif") %>);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.TabContainer div.Wait
{
    margin-left: 8px;
}

.Pager div.Wait
{
    margin-top: 0px;
}

.DataViewPlaceholder
{
    font-size: medium;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: normal;
    text-align: left;
    white-space: normal;
    word-spacing: normal;
    letter-spacing: normal;
}

div.DataViewModalPopup
{
    padding: 4px;
    background-color: white;
}

div.DataViewContainer
{
}

table.DataView
{
    width: 100%;
    font-weight: normal;
    border-collapse: separate;
}

table.DataView tr.HeaderRow th
{
    font-family: Tahoma;
    font-size: 8.5pt;
    font-weight: normal;
    text-align: left;
    background-color: #F2F2F2;
    color: #696969;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.HeaderBg.gif") %>);
    background-repeat: repeat-x;
    padding: 3px;
    vertical-align:middle;
}

table.DataView tr.HeaderRow th.FieldHeaderSelector_Hover
{
    background-color: #DDE1E5;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.HeaderBg.gif") %>);
    background-repeat: repeat-x;
}

table.DataView tr.HeaderRow th.Toggle
{
    padding: 2px 3px;
    width: 19px;
}

table.DataView tr.HeaderRow th a
{
    color: #808080;
    text-decoration: none;
}

table.DataView tr.HeaderRow th.FieldHeaderSelector_Hover a
{
    color: #4C4C4C;
}

table.DataView tr.HeaderRow th a:hover
{
    color: black;
    text-decoration: underline;
}

.FieldHeaderSelector_TopLine, .FieldHeaderSelector_RightLine, .FieldHeaderSelector_BottomLine, .FieldHeaderSelector_LeftLine
{
    background-color: transparent;
}

.FieldHeaderSelector_Arrow
{
    background-color: #FFE6A0;
    border: solid 1px white;
}

.FieldHeaderSelector_Arrow div
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.ArrowBkg.gif") %>);
    background-repeat: repeat-x;
}


table.DataViewLookup tr td.Empty
{
    width: 36px;
}

table.DataViewLookup a.Disabled, table.DataViewLookup a:hover.Disabled
{
    color: Silver;
    text-decoration: none;
}

table.DataView tr td, table.DataViewLookup tr td
{
    font-family: Tahoma;
    font-size: 8.5pt;
    color: #000;
}

table.DataView tr.Row td.Cell
{
    background-color: #FFF;
    border-top: solid 1px #FFF;
    border-bottom: solid 1px #FFF;
    padding: 3px;
}

table.DataView tr.AlternatingRow td.Cell
{
    background-color: #F5F5F5;
    border-top: solid 1px #F5F5F5;
    border-bottom: solid 1px #F5F5F5;
    padding: 3px;
}

table.DataView tr.ReadOnlyRow td.Cell
{
    padding: 5px;
}

table.DataView tr.AggregateRow td.None
{
    background-color: #FFFFFF;
    border-top: dashed 1px silver;
    border-bottom: none;
    padding: 3px;
}

table.DataView tr.AggregateRow td.Aggregate
{
    background-color: #FFFFFF;
    border-top: dashed 1px silver;
    border-bottom: none;
    padding: 3px;
    cursor: default;
    color: #696969;
    white-space: nowrap;
}

table.DataView tr.Row td a, table.DataView tr.AlternatingRow td a, div.TaskBox table.ObjectRef tr td a, div.TreeView a
{
    color: #003399;
    text-decoration: none;
}

table.DataView tr.Row td a:hover, table.DataView tr.AlternatingRow td a:hover, div.TaskBox table.ObjectRef tr td a:hover, div.TreeView a:hover
{
    color: black;
    text-decoration: underline;
}

table.DataView tr.Row td input, table.DataView tr.AlternatingRow td input, table.DataView tr.Row td select, table.DataView tr.AlternatingRow td select, table.DataView tr.Row td textarea, table.DataView tr.AlternatingRow td textarea
{
    font-family: Tahoma;
    font-size: 8.5pt;
}

table.DataView tr.HeaderTextRow td.HeaderText
{
    color: #696969;
    padding: 0px 4px 4px 4px;
    max-width: 800px;
}

.ModalPlaceholder table.DataView tr.HeaderTextRow td.HeaderText
{
    padding: 4px;
}

table.DataView tr.Selected td.Cell
{
    background-color: #D1ECFA;
    border-top: solid 1px #B6E6FB;
    border-bottom: solid 1px #B6E6FB;
}

table.DataView tr.Highlight td.Cell
{
    border-top: solid 1px #D2B47A;
    border-bottom: solid 1px #D2B47A;
    background-color: #FFE6A0;
}

table.DataView tr td.Cell input.MultiSelect
{
    visibility: hidden;
}

table.DataView tr.Selected td.Cell input.MultiSelect, table.DataView tr.Highlight td.Cell input.MultiSelect, table.DataView tr td.Cell input.MultiSelect.Selected
{
    visibility: visible;
}

table.DataView tr.NoRecords td.Cell
{
    padding: 4px 4px 32px 4px;
}

table.DataView tr.ActionRow td.ActionBar
{
    border: solid 1px #6f9dd9;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.ActionBarBg.gif") %>);
    background-repeat: repeat-x;
    padding: 1px 3px 1px 2px;
    background-color: #D6E8FF;
}

.ModalPlaceholder table.DataView tr.ActionRow td.ActionBar, .TabContainer table.DataView tr.ActionRow td.ActionBar
{
    border-left-style: none;
    border-right-style: none;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td
{
    white-space: nowrap;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.Group
{
    padding: 3px 9px;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.Group.Main a
{
    font-weight: bold;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.Group span.Outer
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.DropArrow.gif") %>);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 12px;
    display: block;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.FlatGroup span.Outer
{
    background-image: none;
    padding-right: 0px;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.FlatGroupWithIcon
{
    padding-left: 4px;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.FlatGroup span.FlatGroupIcon
{
    padding-left: 20px;
    padding-top: 1px;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.ActionGroup_Hover
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.ActionGroupBg.gif") %>);
    background-repeat: repeat-x;
    cursor: pointer;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.Group a
{
    color: #003399;
    text-decoration: none;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.ActionGroup_Hover a
{
    color: black;
}

.ActionGroup_Arrow
{
    background-color: transparent;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Placeholder.gif") %>);
    cursor: pointer;
}

.ActionGroup_TopLine, .ActionGroup_RightLine, .ActionGroup_BottomLine, .ActionGroup_LeftLine
{
    background-color: #6F9DD9;
}

body.IE6 .ActionGroup_TopLine, body.IE6 .ActionGroup_RightLine, body.IE6 .ActionGroup_BottomLine, body.IE6 .ActionGroup_LeftLine
{
    background-color: transparent;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.Group a div
{
    padding: 4px;
    vertical-align: middle;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.Group a div span
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.DropArrow.gif") %>);
    background-repeat: no-repeat;
    background-position: 4px center;
    padding-left: 0px;
    padding-right: 12px;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.Divider div
{
    width: 6px;
    height: 21px;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.ActionBarDiv.gif") %>);
    background-repeat: no-repeat;
    background-position: center center;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.QuickFind
{
    padding: 0px 1px;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.QuickFind div.QuickFind
{
    background-color: White;
    border: solid 1px silver;
    padding: 1px 1px 1px 5px;
    margin-top: 1px;
    height: 14px;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.QuickFind div.QuickFind input
{
    border-width: 0px;
    font-family: Tahoma;
    font-size: 8.5pt;
    width: 96px;
    color: Black;
    height: 14px;
    padding: 0px 4px 0px 0px;
    margin-top: -1px;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.QuickFind div.QuickFind input.Empty
{
    color: #696969;
    font-style: italic;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.QuickFind div.QuickFind input.NonEmpty
{
    color: #696969;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.QuickFind div.QuickFind span.Button
{
    font-size: 1px;
    width: 14px;
    height: 14px;
    display: block;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.'Search.gif'") %>);
    background-repeat: no-repeat;
    background-position: center 1px;
    cursor: pointer;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.QuickCreateNew a
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.New.gif") %>);
    background-repeat: no-repeat;
    background-position: center center;
    height: 12px;
    text-decoration: none;
    display: block;
}

table.DataView tr.ActionRow td.ActionBar table.Groups tr td.QuickCreateNew a span.Placeholder
{
    width: 16px;
    height: 16px;
}

div.RowSelector
{
    padding: 3px;
}

body.IE6 div.RowSelector
{
    background-color:transparent;
}

body.IE6 div.RowSelector a
{
    display:block;
}

.RowSelector_Arrow
{
    background-color: #FFE6A0;
    border: solid 1px white;
}

.RowSelector_Arrow div
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.ArrowBkg.gif") %>);
    background-repeat: repeat-x;
}

.RowSelector_TopLine, .RowSelector_RightLine, .RowSelector_BottomLine, .RowSelector_LeftLine
{
    background-color: #B09460;
}

body.IE6 .RowSelector_TopLine, body.IE6 .RowSelector_RightLine, body.IE6 .RowSelector_BottomLine, body.IE6 .RowSelector_LeftLine
{
    background-color: transparent;
}

div.RowSelector_Hover
{
    background-color: White;
}

table.DataView div.RowSelector a.CreateNew
{
    margin-right: 10px;
}

.ModalPlaceholder table.DataView
{
    border-top: solid 1px #6f9dd9;
    border-left: solid 1px #6f9dd9;
    border-right: solid 1px #6f9dd9;
}

.ModalPopup
{
    border-top: solid 1px dimgray;
}

.ModalPopup .ModalContainer
{
}

.ModalPopup .ModalContainer table.DataView
{
}

.ViewSelectorControl
{
    padding: 1px 0px;
}

span.ViewSelector
{
    display: block;
    cursor: pointer;
    white-space: nowrap;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.ViewNameBg.gif") %>);
    background-repeat: repeat;
    background-position: left center;
    border: solid 1px #D2B47A;
    height: 16px;
}

span.ViewSelector_Hover
{
    border: solid 1px #FFBC47;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.ActionGroupBg.gif") %>);
    background-position: left center;
}

span.ViewSelector span.Inner
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.DropArrow.gif") %>);
    background-repeat: no-repeat;
    background-position: right 5px;
    padding-right: 16px;
}

span.ViewSelector span.Outer
{
    padding: 0px 4px;
    border: solid 1px white;
    display: block;
}

span.ViewSelector a
{
    font-family: Tahoma;
    font-size: 8.5pt;
    text-decoration: none;
    color: black;
    font-weight: bold;
}

span.ViewSelector_Hover a
{
    color: #003399;
}

table.DataView tr td.ViewSelectorLabel
{
    color: #204d89;
    padding-right: 2px;
    white-space: nowrap;
}

.ViewSelector_TopLine, .ViewSelector_RightLine, .ViewSelector_BottomLine, .ViewSelector_LeftLine
{
    background-color: Transparent;
}

.ViewSelector_Arrow
{
    width: 17px;
    background-position: center center;
    background-color: Transparent;
    cursor: pointer;
}

table.DataView tr.HeaderTextRow td.HeaderText a.Close, .FixedDialog div.FixedTitle a.Close
{
    padding-right: 12px;
    color: #4682B4;
    text-decoration: none;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Close.gif") %>);
    background-repeat: no-repeat;
    background-position: center center;
}

table.DataView tr.HeaderTextRow td.HeaderText a.Close:hover
{
    color: black;
    text-decoration: none;
}

table.DataView tr.InfoRow td
{
    background-color: #FFFFE1;
    padding: 4px 5px 2px 22px;
    border-right: solid 1px silver;
    border-left: solid 1px silver;
}

table.DataView tr.InfoRow.Chart td
{
    border-bottom: solid 1px silver;
}

table.DataView tr.InfoRow.WithSearchBar td
{
    border-top: solid 1px silver;
}

.TabContainer table.DataView tr.InfoRow td
{
    border-right-style: none;
    border-left-style: none;
}

.ActionBarHidden table.DataView tr.InfoRow td
{
    border-top: solid 1px silver;
}

table.DataView tr.InfoRow td span.Highlight
{
    color: Navy;
}

table.DataView tr.FooterRow td.Footer
{
    border: solid 1px #6f9dd9;
    padding: 1px;
}

.ModalPlaceholder table.DataView tr.FooterRow td.Footer
{
    border-left-style: none;
    border-right-style: none;
}

.TabContainer table.DataView tr.FooterRow td.Footer
{
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
}

table.DataView tr.FooterRow td.Footer td.Pager
{
    padding: 0px;
    height: 18px;
    color: #666666;
    white-space: nowrap;
}

table.DataView tr.FooterRow td.Footer td.Pager span
{
    padding: 1px 3px;
}

table.DataView tr.FooterRow td.Footer td.Pager span.Disabled
{
    color: #808080;
}
table.DataView tr.FooterRow td.Footer td.Pager span.Selected
{
    font-weight: bold;
}

table.DataView tr.FooterRow td.Footer td.Pager .PaddedLink
{
    padding: 0px 3px;
}

table.DataView tr.FooterRow td.Footer td.Pager a
{
    color: #4682B4;
    text-decoration: none;
}

table.DataView tr.FooterRow td.Footer td.Pager a:hover
{
    color: black;
    text-decoration: underline;
}

table.DataView tr.FooterRow td.Footer td.Pager.Print
{
    padding-left:4px;
}

table.DataView tr.FooterRow td.Footer td.Pager a.Print
{
    text-decoration:none;
}

table.DataView tr.FooterRow td.Footer td.Pager a.Print span
{
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
    display: block;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Print.png") %>);
    cursor: pointer;
    padding:0px;
}


table.DataView tr.Categories td.Categories table.Categories
{
    width: 100%;
}

table.DataView tr.CategoryRow td.Category
{
    border-top: solid 1px silver;
    padding: 0px 4px 8px 0px;
    background-color: White;
}

.ModalPlaceholder table.DataView tr.CategoryRow td.Category, .TabContainer table.DataView tr.CategoryRow td.Category
{
    padding-left: 4px;
}

table.DataView tr.CategoryRow
{
    border-collapse: collapse;
    border-spacing: 0px;
}

table.DataView tr.CategoryRow td.CategoryColumn
{
    padding: 0px;
}

table.DataView tr.CategoryRow td.CategorySeparator
{
    padding: 0px 4px;
    font-size: 1pt;
}

table.DataView tr.CategoryRow .Category table.Category tr td.HeaderText
{
    color: #696969;
    font-weight: bold;
    width: 475px;
    padding: 4px 2px 4px 2px;
}

table.DataView tr.CategoryRow td.CategoryColumn table.Category tr td.HeaderText
{
    padding-top: 0px;
}

table.DataView tr.CategoryRow .Category table.Category tr td.Description
{
    color: #696969;
    width: 475px;
    padding: 4px 2px 24px 2px;
}

table.DataView table.Categories tr.CategoryRow .Category table.Category, table.DataView table.Categories tr.CategoryRow .Category table.Category tr td.HeaderText, table.DataView table.Categories tr.CategoryRow .Category table.Category tr td.Description
{
    width: 100%;
}

table.DataView tr.CategoryRow td.CategoryColumn table.Category tr td.Description
{
    padding-top: 0px;
    padding-bottom: 4px;
}

table.DataView tr.CategoryRow td.Fields
{
    width: 375px;
    background-color: #EBF3FF;
    border-top: solid 1px silver;
    padding: 8px;
}

table.DataView table.Categories tr.CategoryRow td.Fields
{
    width: 100%;
}

table.DataView tr.CategoryRow td.Fields div.Item
{
    padding: 0px 0px 12px 0px;
}

table.DataView tr.CategoryRow td.Fields div.Header, table.DataView tr.InlineFormRow div.Header
{
    color: gray;
}

table.DataView tr.CategoryRow td.Fields div.Header span.Required
{
    padding: 2px;
    color: #000000;
}

table.DataView tr.CategoryRow td.CategoryColumn table.Fields
{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-bottom: 9px;
}

table.DataView tr.CategoryRow td.CategoryColumn div.Item div.Header
{
    display: none;
}

table.DataView tr.CategoryRow td.CategoryColumn div.Header
{
    width: 120px;
    padding: 0px 4px 8px 4px;
}

table.DataView tr.CategoryRow td.CategoryColumn td.Fields div.Item div.Error
{
    padding: 6px 8px 2px 8px;
}

table.DataView tr.CategoryRow td.CategoryColumn td.Fields div.Item
{
    padding: 0px;
}

table.DataView tr.CategoryRow td.Fields div.Item div.Error, table.DataView tr.Row td div.Error, table.DataView tr.AlternatingRow td div.Error, table.DataView tr.InlineFormRow div.Item div.Error
{
    font-family: Tahoma;
    font-size: 8.5pt;
    font-weight: bold;
    color: red;
    padding: 0px 0px 2px 0px;
}

table.DataView tr.CategoryRow td.Fields div.Item div.Value, table.DataView tr.InlineFormRow div.Item div.Value
{
    color: Black;
    padding-left: 8px;
    padding-right: 8px;
}

table.DataView tr.CategoryRow td.Fields div.Item div.Value input, table.DataView tr.CategoryRow td.Fields div.Item div.Value select, table.DataView tr.CategoryRow td.Fields div.Item div.Value textarea
{
    font-family: Verdana;
    font-size: 8.5pt;
}

table.DataView span.ObjectRef
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.ObjectRef.gif") %>);
    background-repeat: no-repeat;
    background-position: center center;
    font-family: Tahoma;
    font-size: 8.5pt;
    padding-left: 2px;
    padding-right: 8px;
    visibility: hidden;
    cursor: pointer;
}

table.DataView tr.Selected span.ObjectRef
{
    visibility: visible;
}

table.DataView td.Fields span.ObjectRef
{
    visibility: visible;
    margin-left: 4px;
}

table.RadioButtonList tr td.Button
{
    padding: 0px;
    border-style: none;
}


table.RadioButtonList tr td.Option
{
    padding: 2px 0px 0px 0px;
    border-style: none;
}

table.DataView tr.CategoryRow td.Fields div.Item div.Value table.Lookup, table.DataViewLookup, table.DataView tr.InlineFormRow div.Item div.Value table.Lookup
{
    margin: 1px 0px 1px 0px;
}

table.DataView tr.CategoryRow td.Fields div.Item div.Value table.Lookup tr td, table.DataView tr.Row td table.Lookup tr td, table.DataView tr.AlternatingRow td table.Lookup tr td, table.DataViewLookup tr td
{
    border: solid 1px silver;
    background-color: White;
    padding: 2px 3px 2px 3px;
}

table.DataView tr.CategoryRow td.Fields div.Item div.Value a
{
    color: #003399;
    text-decoration: none;
}

table.DataView tr.CategoryRow td.Fields div.Item div.Value table.Lookup tr td a, table.DataView tr.Row td table.Lookup tr td a, table.DataView tr.AlternatingRow td table.Lookup tr td a, table.DataViewLookup tr td a
{
    font-weight: normal;
    font-family: Verdana;
}

table.DataView tr.CategoryRow td.Fields div.Item div.Value a:hover, table.DataView tr.Row td table.Lookup tr td a:hover, table.DataView tr.AlternatingRow td table.Lookup tr td a:hover, table.DataViewLookup tr td a.Select:hover
{
    color: black;
    text-decoration: underline;
}

table.DataView tr.CategoryRow td.Fields div.Item div.Value table.Lookup tr td a.Clear, table.DataView tr.Row td table.Lookup tr td a.Clear, table.DataView tr.AlternatingRow td table.Lookup tr td a.Clear, table.DataViewLookup tr td a.Clear
{
    padding-left: 12px;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Erase.gif") %>);
    background-repeat: no-repeat;
    background-position: left center;
    height: 12px;
}

table.DataView tr.CategoryRow td.Fields div.Item div.Value table.Lookup tr td a:hover.Clear, table.DataView tr.Row td table.Lookup tr td a:hover.Clear, table.DataView tr.AlternatingRow td table.Lookup tr td a:hover.Clear, table.DataViewLookup tr td a
{
    text-decoration: none;
}

a.CreateNew, table.DataView tr.Row td a.CreateNew:hover, table.DataView tr.AlternatingRow td a.CreateNew:hover, table.DataView tr.CategoryRow td.Fields div.Item div.Value a.CreateNew:hover
{
    padding-left: 24px;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.New.gif") %>);
    background-repeat: no-repeat;
    background-position: 6px center;
    height: 12px;
    text-decoration: none;
}

a:hover.CreateNew
{
    text-decoration: none;
}

a.Calendar, a.Calendar:hover
{
    text-decoration: none !important;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Calendar.gif") %>);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    font-size: 16px;
    padding-left: 16px;
}

.ModalPanel
{
    width: 90%;
    height: 90%;
}

.ModalPlaceholder
{
    border-left: solid 1px dimgray;
    border-right: solid 1px dimgray;
    border-bottom: solid 1px dimgray;
    padding: 4px 8px 8px 8px;
    background-color: White;
}

.ModalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.ModalTop
{
    border-left: solid 1px dimgray;
    border-right: solid 1px dimgray;
    border-top: solid 1px dimgray;
    background-color: White;
    height: 4px;
}

.RightSideShadow
{
    width: 4px;
    background-color: Black;
    font-size: 1px;
}

.BottomShadow
{
    height: 4px;
    background-color: black;
    margin-left: 4px;
    font-size: 1px;
}

.ModalPopup
{
    padding-top: 8px;
}

.ModalPlaceholder .Buttons
{
    padding: 8px 0px 4px 4px;
    border-top: solid 1px silver;
    font-size: 8.5pt;
    font-family: Tahoma;
}

.ModalPlaceholder .Buttons table
{
    border-collapse: collapse;
    width: 100%;
}

.ModalaPlaceholder .Buttons td
{
    padding: 0px;
}

.ModalPlaceholder .Buttons button
{
    width: 85px;
    margin-right: 4px;
    margin-left: 4px;
    font-family: verdana;
    font-size: 8.5pt;
    height: 22px;
    color: Black;
    white-space: nowrap;
}

table.DataView tr.CategoryRow td.Fields div.Item div.Footer
{
    color: Gray;
    padding-left: 8px;
}

table.DataView tr.ActionButtonsRow td button
{
    width: 85px;
    margin-right: 4px;
    margin-left: 4px;
    font-family: verdana;
    font-size: 8.5pt;
    height: 22px;
    color: Black;
    white-space: nowrap;
}

table.DataView tr.TopButtonsRow td.ActionButtons, table.DataView tr.BottomButtonsRow td.ActionButtons
{
    padding: 0px;
}
table.DataView tr.TopButtonsRow td.ActionButtons table.ActionButtons tr td
{
    padding: 8px 0px 8px 2px;
    color: #696969;
}

table.MultiColumn tr.TopButtonsRow td.ActionButtons table.ActionButtons tr td
{
    padding-bottom: 0px;
}

table.Tabbed tr.TopButtonsRow td.ActionButtons table.ActionButtons tr td
{
    padding-bottom: 2px;
}


table.DataView tr.BottomButtonsRow td.ActionButtons table.ActionButtons tr td
{
    border-top: solid 2px silver;
    padding: 8px 0px 8px 2px;
    color: #696969;
}

table.DataView tr.BottomButtonsRow td.RowActionButtons table.ActionButtons tr td
{
    border-top-style: none;
    border-bottom: solid 1px #B6E6FB;
}


table.DataView tr.TabsRow td.TabsBar
{
    border-bottom: solid 1px #6F9DD9;
}

table.DataView tr.TabsRow td.TabsBar.WithMargin
{
    padding-top: 8px;
}

table.DataView tr.TabsRow td.TabsBar td.Tab
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.TabsInactiveTab.gif") %>);
    background-position: left center;
    background-repeat: repeat-x;
    border-right: #c2dcff 1px solid;
    border-top: #c2dcff 1px solid;
}


table.DataView tr.TabsRow td.TabsBar td.Selected
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.TabsSelectedTab.gif") %>);
    border-top: #79a7e3 1px solid;
    border-right: #79a7e3 1px solid;
    background-position: left center;
}

table.DataView tr.TabsRow td.TabsBar td.Active
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.TabsActiveTab.gif") %>);
    border-top: #C2A770 1px solid;
    border-right: #C2A770 1px solid;
    background-position: left center;
}

table.DataView tr.TabsRow td.TabsBar td.Tab span.Outer
{
    border-left: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 3px;
}

table.DataView tr.TabsRow td.TabsBar td.Selected span.Outer
{
}

table.DataView tr.TabsRow td.TabsBar span.Tab a
{
    text-decoration: none;
    font-family: Tahoma;
    font-size: 8.5pt;
    color: #3764a0;
}

table.DataView tr.TabsRow td.TabsBar td.Selected span.Tab a
{
    font-weight: bold;
    color: #003399;
}

table.DataView tr.TabsRow td.TabsBar td.Active span.Tab a
{
    color: black;
}

table.DataView tr.TabsRow td.TabsBar
{
}

table.DataView tr.TabsRow td.TabsBar table.Tabs
{
    margin-left: 8px;
    border-left: #c2dcff 1px solid;
}

div.CustomFilterDialog
{
    background-color: White;
    padding: 8px;
    font-family: Tahoma;
    font-size: 8.5pt;
    border: solid 1px dimgray;
}

div.CustomFilterDialog table tr td
{
    padding: 4px;
}

div.CustomFilterDialog div.CustomFilterItems
{
    width: 280px;
    height: 350px;
    overflow: auto;
    padding: 4px;
    border: solid 1px silver;
}

div.CustomFilterDialog div.CustomFilterItems table.FilterItems td
{
    padding: 0px;
}

div.CustomFilterDialog div.CustomFilterItems table.FilterItems td.Input
{
    width: 20px;
}

div.CustomFilterDialog span.Highlight
{
    color: Navy;
}

/*

div.CustomFilterDialog input
{
    font-family: Tahoma;
    font-size: 8.5pt;
    width: 390px;
}
*/

div.CustomFilterDialog button
{
    width: 85px;
    margin-left: 8px;
    font-family: verdana;
    font-size: 8.5pt;
    height: 22px;
    color: Black;
    white-space: nowrap;
}

a.SortAscending
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.SortAZ.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

a.SortDescending
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.SortZA.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

a.SortDescending
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.SortZA.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}


a.Checked
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.CheckMark.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

a.FilterOff
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.FilterOff.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

a.FilterOffDisabled
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.FilterOffDisabled.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

a.CustomFilter
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Filter.gif") %>);
    background-repeat: no-repeat;
    background-position: 5px center;
}

.NewLargeIcon
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.NewLarge.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.UpdateLargeIcon, .InsertLargeIcon
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.SaveLarge.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.ImportLargeIcon
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Import.png") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.ExportCsv, .ExportCsvLargeIcon
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.ExportCsv.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.ExportRowset, .ExportRowsetLargeIcon
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.ExportRowset.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.ExportRss, .ExportRssLargeIcon
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.ExportRss.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.ReportAsPdfLargeIcon
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Acrobat.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.ReportAsImageLargeIcon
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.MultiPage.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.ReportAsExcelLargeIcon
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Excel.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.ReportAsWordLargeIcon
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Word.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.NewIcon
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.New.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}


.EditIcon
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Edit.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.NavigateIcon
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Navigate.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.DeleteIcon
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Delete.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.UpdateIcon
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Save.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.AttachIcon
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Attach.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.CancelIcon
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Undo.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.SortUp
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.SortUp.gif") %>);
    background-repeat: no-repeat;
    background-position: center center;
    padding-right: 5px;
}

.SortDown
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.SortDown.gif") %>);
    background-repeat: no-repeat;
    background-position: center center;
    padding-right: 5px;
}

.Filter
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Filter.gif") %>);
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 1px;
    padding-right: 10px;
}

.MessageBar
{
    background-color: #FFFFE1;
    border-bottom: solid 1px dimgray;
    font-family: Tahoma;
    font-size: 8.5pt;
    width: 100%;
    padding: 4px 3px 0px 3px;
    text-align: left;
    z-index: 200000;
    border-bottom-color: #696969;
}

.MessageBar .Stub
{
    height: 1px;
    font-size: 1px;
    padding-top: 4px;
    border-bottom: solid 1px silver;
    margin: 0px -3px;
    border-bottom-color: #C0C0C0;
}

.Message
{
    padding: 0px;
}

.Information
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Information.gif") %>);
    background-repeat: no-repeat;
    background-position: 0px center;
    margin-left: -19px;
    display: block;
    width: 16px;
    height: 16px;
    float: left;
}

.InfoRow a.Close
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Close.gif") %>);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 11px 11px 0px 0px;
    font-size: 1px;
    float: right;
    margin-top: 1px;
    text-decoration: none;
}

.Attention
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Attention.gif") %>);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0px;
    height: 16px;
    width: 20px;
}

.DataView iframe
{
    border: solid 1px silver;
    display: block;
    width: 300px;
    height: 30px;
    margin-top: 4px;
}

iframe.Import
{
    border-width: 0px;
    width: 300px;
    height: 30px;
    display: block;
    margin-bottom: 8px;
}

div.UploadProgressBar
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Wait.gif") %>);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    padding: 6px 4px 4px 28px;
    border: solid 1px silver;
    margin-top: 4px;
    background-color: White;
}

.DataView td.CategoryColumn iframe, .DataView td.CategoryColumn td.UploadProgressBar
{
    margin-bottom: 4px;
}

.DataView img.Thumbnail
{
    border: 0px;
    height: 71px;
}

table.DataView tr.CategoryRow td.Fields img.Thumbnail
{
    margin-top: 2px;
}

.FixedDialog
{
    padding-top: 10px;
    border-top: solid 1px dimgray;
}

.ModalPlaceholder div.FixedButtons table.DataView
{
    border-left-style: none;
    border-right-style: none;
    margin-top: 0px;
}

.ModalPlaceholder div.FixedButtons table.DataView tr.BottomButtonsRow td.ActionButtons table.ActionButtons tr td
{
    border-top-style: none;
}

.FixedDialog div.FixedTitle
{
    font-family: tahoma;
    font-size: 8.5pt;
    font-weight: bold;
    padding: 4px 4px 4px 4px;
    background-color: #6F9DD9;
    color: White;
}

.FixedDialog table.DataView
{
}

table.DataView tr.ActionButtonsRow td button.AutoWidth, table.DataView tr.TopButtonsRow td button.AutoWidth, table.DataView tr.BottomButtonsRow td button.AutoWidth, .ModalPlaceholder .Buttons button.AutoWidth, .FixedDialog .Buttons button.AutoWidth
{
    width: auto;
}

span.NA
{
    color: gray;
}

table.DataView div.BatchSelect label
{
    color: black;
}

table.DataView .BatchEditFrame
{
    border-style: solid !important;
    border-color: Black !important;
    border-width: 2px !important;
    padding: 2px !important;
    margin: 1px;
}

/* tabs */

.TabContainer .ajax__tab_header
{
    border-left: solid 1px #c2dcff;
    margin-left: 0px;
    background-image: none;
}
.TabContainer .ajax__tab_outer
{
    padding-right: 0px;
    background-image: none;
}
.TabContainer .ajax__tab_inner
{
    padding-left: 0px;
    background-image: none;
    color: #3764a0;
}

.TabContainer .ajax__tab_tab
{
    height: 15px;
    padding: 2px 8px 1px 8px;
    border-right: solid 1px #c2dcff;
    border-top: solid 1px #c2dcff;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.TabsInactiveTab.gif") %>);
    border-left: white 1px solid;
    white-space: nowrap;
    font-family: Tahoma;
    font-size: 8.5pt;
}

.TabContainer .ajax__tab_active .ajax__tab_outer
{
    display: inline-block;
}
.TabContainer .ajax__tab_active .ajax__tab_inner
{
    font-weight: bold;
    color: #003399;
}
.TabContainer .ajax__tab_active .ajax__tab_tab
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.TabsSelectedTab.gif") %>);
    border-right: solid 1px #79a7e3;
    border-top: solid 1px #79a7e3;
}
.TabContainer .ajax__tab_hover .ajax__tab_outer
{
    cursor: pointer;
    display: inline-block;
}
.TabContainer .ajax__tab_hover .ajax__tab_inner
{
    color: Black;
}
.TabContainer .ajax__tab_hover .ajax__tab_tab
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.TabsActiveTab.gif") %>);
    border-right: solid 1px #c2a770;
    border-top: solid 1px #c2a770;
}
.TabContainer .ajax__tab_disabled
{
    color: #A0A0A0;
}
.TabContainer .ajax__tab_body
{
    background-image: none;
    background-repeat: repeat-x;
    padding: 4px;
    border-top: solid 1px #6f9dd9;
    border-left: solid 1px #6f9dd9;
    border-bottom: solid 1px #6f9dd9;
    border-right: solid 1px #6f9dd9;
}

.TabContainer div.DataViewContainer
{
    margin-left: -4px;
    margin-right: -4px;
}

ul.CompletionList
{
    padding: 1px !important;
    margin: 0px !important;
    list-style-type:none!important;
}

ul.CompletionList li
{
    list-style-type:none!important;
    padding: 1px !important;
    font-family:Tahoma;
    font-size:8.5pt;
}

.ByteType, .CurrencyType, .DecimalType, .DoubleType, .Int16Type, .Int32Type, .Int64Type, .SingleType, .SByteType, .UInt16Type, .UInt32Type, .UInt64Type
{
    text-align: right !important;
    white-space: nowrap;
}

.FieldPlaceholder
{
    float: left;
    padding-right: 8px;
    padding-bottom: 8px;
}

.FieldPlaceholder.DataOnly
{
    float: left;
    padding: 0px !important;
}

.FieldPlaceholder.DataOnly div.Item, .FieldPlaceholder.DataOnly div.Value
{
    padding: 0px !important;
}

.SettingsPanel
{
    background-repeat: repeat-x;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.SettingsGraphic.jpg") %>);
    padding: 8px;
}

table.DataView tr.CategoryRow td.CategoryColumn .FieldPlaceholder div.Item div.Header
{
    display: block;
    width: auto;
    padding: 0px;
}

table.DataView tr.CategoryRow .FieldPlaceholder.DataOnly div.Item div.Header
{
    display: none;
}

/*td.Fields table.FieldWrapper div.Item div.Error, td.Fields .FieldPlaceholder div.Item div.Error
{
    padding-top: 1px !important;
    padding-bottom: 5px !important;
}
*/

td.Fields table.FieldWrapper div.Header, td.Fields table.FieldWrapper td.Item.ReadOnly div.Item
{
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}


td.Cell.Icons
{
    background-repeat: no-repeat;
    background-position: 1px center;
    font-size: 8.5pt;
    width: 6px !important;
}

td.Cell.Icons.Attachment
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Attach.gif") %>);
}

td.UseLEV
{
    padding: 0px 2px;
}

td.UseLEV a
{
    font-size: 1px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Paste.png") %>) no-repeat center center;
    text-decoration: none;
}

.EmbeddedViewPlaceholder
{
    background-color: #fff;
    border: solid 1px silver;
    padding: 4px;
    overflow: auto;
}


.AutoCompleteFrame
{
    padding: 0px;
}

.AutoCompleteFrame table
{
    border-collapse: collapse;
    border-spacing: 0px;
}

.AutoCompleteFrame table tr td
{
    background-color: White;
    padding: 0px;
    border-style: none;
}

.AutoCompleteFrame input
{
    border-style: none;
    border-width: 0px;
    padding-left: 2px;
}

.AutoCompleteFrame span.Button
{
    width: 10px;
    height: 17px;
    display: block;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.DropArrow.gif") %>);
    background-repeat: no-repeat;
    background-position: 1px center;
    font-size: 1px;
}
.AutoCompleteFrame table tr td.Clear span.Clear
{
    width: 17px;
    height: 16px;
    display: block;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.FilterOff.gif") %>);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 1px;
    cursor: pointer;
    visibility: hidden;
}
.AutoCompleteFrame table tr.Filtered td.Clear span.Clear
{
    visibility: visible;
}
.AutoCompleteFrame table tr td.Input
{
    border-left: solid 1px silver;
    border-top: solid 1px silver;
    border-bottom: solid 1px silver;
}
.AutoCompleteFrame table tr td.Input input
{
    margin: 0px;
}

.AutoCompleteFrame table tr td.Clear
{
    border-top: solid 1px silver;
    border-bottom: solid 1px silver;
}

.AutoCompleteFrame table tr td.Button
{
    border-right: solid 1px silver;
    border-top: solid 1px silver;
    border-bottom: solid 1px silver;
}


.AutoCompleteFrame table tr.Active td.Input
{
    border-left-color: #B09460;
    border-top-color: #B09460;
    border-bottom-color: #B09460;
}

.AutoCompleteFrame table tr.Active td.Clear
{
    border-top-color: #B09460;
    border-bottom-color: #B09460;
}

.AutoCompleteFrame table tr.Active td.Button
{
    background-color: #FFE6A0;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.ArrowBkg.gif") %>);
    background-repeat: repeat-x;
    border-top-color: #B09460;
    border-bottom-color: #B09460;
    border-right-color: #B09460;
}

.AutoCompleteFrame table tr td.Button span.Button
{
    border-left: solid 1px white;
}
.AutoCompleteFrame table tr.Active td.Button span.Button
{
    border-left: solid 1px #B09460;
}

.CompletionList.AutoComplete .Item
{
    background-color: #fff;
    color: #000;
    border: solid 1px white;
}

.CompletionList.AutoComplete .HighlightedItem
{
    background-color: #FFE6A0;
    border: solid 1px #D2B47A;
}
.FieldFilter, .Import
{
    background-color: White;
    border: solid 1px silver;
}

.FieldFilter .Field
{
    padding: 8px 8px 4px 8px;
}

.FieldFilter .Field .Label .Name
{
    font-weight: bold;
}

.FieldFilter .Value
{
    padding: 4px 0px;
}

.FieldFilter .Buttons, .Import .Buttons
{
    border-top: solid 1px silver;
    padding: 4px 8px 8px 8px;
    text-align: right;
}

.FieldFilter input
{
    width: 300px;
}

.FieldFilter .Buttons button, .Import .Buttons button
{
    width: 80px;
    height: 25px;
    margin-left: 8px;
}

.FieldFilter a.Calendar, .FieldFilter a.Filter
{
    cursor: pointer;
}

.SearchBarCell
{
    background-repeat: repeat-x;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.SettingsGraphic.jpg") %>);
    padding: 8px 8px 0px 8px;
    border-left: solid 1px silver;
    border-right: solid 1px silver;
}

.SearchBarCell input, .SearchBarCell select, .SearchBarCell button, .FieldFilter input, .FieldFilter select, .FieldFilter button, .Import input, .Import select, .Import button
{
    font-family: Tahoma;
    font-size: 8.5pt;
}

.SearchBarCell option.Delete
{
    color: #003399;
}

.ModalPlaceholder .SearchBarCell, .TabBody.TabContainer .SearchBarCell
{
    border-color: transparent;
}

td.SearchBarActivator
{
    padding: 1px 1px 0px 1px;
}

td.SearchBarActivator a span
{
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.QuickFind.gif") %>);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

td.SearchBarActivator.Activated a span
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.AdvancedSearch.gif") %>);
}

table.SearchBarFrame
{
    border-collapse: collapse;
    border-spacing: 0px;
    float: left;
}

table.SearchBarFrame tr td.Control
{
    padding: 2px 4px 2px 0px;
}

table.SearchBarFrame tr td.AndLabel
{
    text-align: right;
}

table.SearchBarFrame tr td input.Text
{
    width: 200px;
}

table.SearchBarFrame tr td input.Date
{
    width: 100px;
}

table.SearchBarFrame tr td input.Number
{
    width: 80px;
}

table.SearchBarFrame div.Stub
{
    height: 1px;
}

.SearchBarCell div.SearchButtons
{
    height: 65px;
    float: right;
}

.SearchBarCell div.SearchButtons button
{
    width: 80px;
    height: 22px;
}

.SearchBarCell div.SearchBarSize
{
    clear: both;
}

.SearchBarCell div.SearchBarSize a.More
{
    float: right;
}

.SearchBarCell div.SearchBarSize a.More span
{
    display: block;
    width: 13px;
    height: 13px;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Maximize.gif") %>);
    background-repeat: repeat;
    margin-top: -16px;
    margin-right: -3px;
    cursor: pointer;
}

.SearchBarCell table.FilterValues
{
    border: solid 1px silver;
}

.SearchBarCell table.FilterValues.Active, .SearchBarCell table.FilterValues.Focused
{
    border-color: #B09460;
}

.SearchBarCell table.FilterValues tr td
{
    background-color: #fff;
    padding: 0px;
}

.SearchBarCell table.FilterValues tr td.Values
{
    padding: 2px 4px;
}

.SearchBarCell table.FilterValues tr td.Button
{
    padding: 0px;
}


.SearchBarCell table.FilterValues tr td.Values div
{
    width: 202px;
    height: 50px;
    overflow: auto;
}

.SearchBarCell table.FilterValues.Empty tr td.Values
{
    padding: 0px 4px;
}

.SearchBarCell table.FilterValues.Empty tr td.Values div
{
    height: 15px;
    overflow: hidden;
    margin-top: 3px;
}

.SearchBarCell table.FilterValues tr td.Values div span.Highlight
{
    color: #808080;
    font-weight: bold;
}

.SearchBarCell table.FilterValues tr td.Values a
{
    text-decoration: none;
    color: #000;
}

.SearchBarCell table.FilterValues.Active tr td.Values a, .SearchBarCell table.FilterValues.Focused tr td.Values a
{
    color: #000;
}

.SearchBarCell table.FilterValues tr td.Button a
{
    text-decoration: none !important;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Filter.gif") %>);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    font-size: 16px;
    padding-left: 16px;
    cursor: pointer;
}

.SearchBarCell table.FilterValues tr td.Button.Clear a
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.FilterOff.gif") %>);
    background-position: 2px 2px;
}



.HeaderText span.Text
{
    float: left;
}

a.MinMax
{
    text-decoration: none;
    float: right;
}

a.MinMax span
{
    display: block;
    width: 13px;
    height: 13px;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Minimize.gif") %>);
    background-repeat: repeat;
    cursor: pointer;
}

a.MinMax.Maximize span
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Maximize.gif") %>);
}

.EmptyModalDialog
{
    width: 16px !important;
    height: 16px !important;
}

.Import .Status
{
    padding: 8px;
    height: 30px;
    width: 400px;
}

.Import .Status.Wait
{
    height: 68px;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Wait.gif") %>);
    background-position: 8px 30px;
    background-repeat: no-repeat;
}

.Import .Status.Ready
{
    height: auto;
}

.Import .Map
{
    height: 200px;
    border: solid 1px silver;
    overflow: auto;
    padding: 8px;
    margin: 0px 8px 8px 8px;
}

.Import .Email
{
    padding: 8px;
}

.Import .Email input
{
    font-family: Tahoma;
    font-size: 8.5pt;
    width: 400px;
}

.FormNav
{
    border-collapse: collapse;
    border-spacing: 0px;
}

.FormNav tr td
{
    padding: 0px !important;
    border-width: 0px !important;
    padding-right: 4px !important;
}

.FormNav a
{
    text-decoration: none;
}

.FormNav span
{
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
    display: block;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.NavStrip.gif") %>);
    cursor: pointer;
}

.FormNav .Next span
{
    background-position: 0px 0px;
}

.FormNav .Next.Disabled span
{
    background-position: -32px 0px;
    cursor: default;
}

.FormNav .Previous span
{
    background-position: -16px 0px;
}

.FormNav .Previous.Disabled span
{
    background-position: -48px 0px;
    cursor: default;
}

.FormNav .Hidden
{
    display: none;
}

.FormNav .Print span
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Print.png") %>);
}

.FormNav .Annotate span
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Attach.gif") %>);
}


.DataView iframe.FieldEditor
{
    width: 350px;
    height: 250px;
    background-color: #fff;
    border-style: none;
}

table.DataView td.Fields table.FieldWrapper iframe.FieldEditor
{
    width: 456px;
}

table.DataSheetType tr.HeaderRow th.FieldHeaderSelector
{
    border-right: solid 1px #C0C0C0;
}

table.DataSheetType tr.Row td.Cell, table.DataSheetType tr.AlternatingRow td.Cell, table.DataSheetType tr.Selected td.Cell
{
    border-right: solid 1px #C0C0C0;
    border-top: solid 1px #C0C0C0;
    border-bottom-style: none;
}

table.DataSheetType tr.HeaderRow th.FieldHeaderSelector.CrossHair
{
    background-color: #FFDC61;
    background-image: none;
}

table.DataSheetType tr.HeaderRow th.Gap, table.DataSheetType tr.HeaderRow th.Toggle, table.DataSheetType tr.HeaderRow th.Icon, table.DataSheetType tr.HeaderRow th.FirstColumn
{
    border-left: solid 1px #C0C0C0;
}

table.DataSheetType tr.HeaderRow th.Gap, table.DataSheetType tr.HeaderRow th.Toggle, table.DataSheetType tr.HeaderRow th.Icon
{
    border-right-style: none;
}

table.DataSheetType tr td.Gap, table.DataSheetType tr td.Toggle, table.DataSheetType tr td.Icon, table.DataSheetType tr td.FirstColumn
{
    border-left: solid 1px #C0C0C0;
}

table.DataSheetType tr td.Gap, table.DataSheetType tr td.Toggle, table.DataSheetType tr td.Icon
{
    border-right-style: none !important;
}

table.DataSheetType tr.HeaderRow.Fixed th.FieldHeaderSelector a
{
    font-weight: bold !important;
}

table.DataSheetType tr.HeaderRow.Fixed th.FieldHeaderSelector a, table.DataSheetType tr.HeaderRow.Fixed th.FieldHeaderSelector span
{
    font-weight: bold;
}

table.DataSheetType tr.HeaderRow th.FieldHeaderSelector.CrossHair a, table.DataSheetType tr.HeaderRow th.FieldHeaderSelector.CrossHair span
{
    color: #000 !important;
    font-weight: bold;
}

table.DataSheetType tr.HeaderRow th.FieldHeaderSelector.CrossHair.Narrow a, table.DataSheetType tr.HeaderRow th.FieldHeaderSelector.CrossHair.Narrow span
{
    font-weight: normal;
}

table.DataSheetType tr td.Cell.Gap
{
    width: 12px;
    cursor: pointer;
}

.TabContainer table.DataSheetType tr td.Cell.LastColumn, .TabContainer table.DataSheetType tr th.FieldHeaderSelector.LastColumn, .ModalPlaceholder table.DataSheetType tr th.LastColumn, .ModalPlaceholder table.DataSheetType tr td.Cell.LastColumn
{
    border-right: none;
}

.ModalPlaceholder table.DataSheetType tr th.Gap, .ModalPlaceholder table.DataSheetType tr td.Cell.Gap, .TabContainer table.DataSheetType tr td.First, .TabContainer table.DataSheetType tr th.First
{
    border-left-style: none;
}

table.DataSheetType tr.Row td.Cell.Focused, table.DataSheetType tr.AlternatingRow td.Cell.Focused, table.DataSheetType tr.Selected td.Cell.Focused
{
    border: solid 2px #F1D14D;
    padding: 2px 2px 1px 1px;
    background-color: #fff;
}

table.DataSheetType tr.Row, table.DataSheetType tr.AlternatingRow
{
    height: 27px;
}

table.DataSheetType tr td.Cell input, table.DataSheetType tr td.Cell select, table.DataSheetType tr td.Cell textarea
{
    border-width: 0px;
    border-style: none;
    background-color: transparent;
}

table.DataSheetType tr.Row td.Cell.FirstColumn.Focused, table.DataSheetType tr.AlternatingRow td.Cell.FirstColumn.Focused, table.DataSheetType tr.Selected td.Cell.FirstColumn.Focused
{
    padding: 2px 2px 1px 2px;
}

table.DataView.DataSheetType tr.Row td table.Lookup tr td a, table.DataView.DataSheetType tr.AlternatingRow td table.Lookup tr td a, table.DataView.GridType tr.Row td table.Lookup tr td a, table.DataView.GridType tr.AlternatingRow td table.Lookup tr td a
{
    font-family: Tahoma;
    font-size: 8.5pt;
}

table.DataSheetType tr td.Cell.Icons, table.DataSheetType tr th.Icons
{
    border-right-style: none !important;
    padding-right: 7px;
    border-left: solid 1px silver;
}

table.DataSheetType tr td.Cell.Gap.CrossHair
{
    background-color: #FFDC61;
}

table.DataSheetType tr td.Cell.Gap div.Icon
{
    width: 11px;
    height: 11px;
}

table.DataSheetType tr td.Gap, table.DataSheetType tr th.Gap
{
    padding-left: 4px !important;
    padding-right: 2px !important;
}

table.DataSheetType tr td.Cell.Gap div.Icon
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.EditMode.gif") %>);
    background-repeat: no-repeat;
    background-position: -33px 0px;
}

table.DataSheetType tr.Selected td.Cell.Gap div.Icon
{
    background-position: -22px 0px;
}

table.DataSheetType tr.Editing td.Cell.Gap div.Icon
{
    background-position: 0px 0px;
}

table.DataSheetType tr.Inserting td.Cell.Gap div.Icon
{
    background-position: -11px 0px;
}

table.DataSheetType table.Lookup tr td
{
    border-style: none !important;
    padding: 1px !important;
}

table.DataSheetType tr td.Cell input.MultiSelect
{
    visibility: visible;
}

.DataView table.DateTime tr td.Time
{
    padding-left: 2px;
}

.CompletionList.AutoComplete.Time
{
    height: 119px;
    overflow-y: scroll;
}

.DataView td.Cell table.DateTime
{
    width: 135px;
}

.DataView td.Cell table.DateTime tr td.Date
{
    width: 70px;
}

.DataView.DataSheetType td.Cell table.DateTime tr td.Date
{
    width: 68px;
}

.DataView.DataSheetType td.Cell table.DateTime tr td.Date input
{
    border: solid 1px silver;
}

.DataSheetLargeIcon
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.DataSheet.gif") %>);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.DataSheetType .Error, .GridType .Error, .FormType .Error, .TreeType .Error
{
    position: absolute;
    background-color: #FFFFE1;
    border: solid 1px dimgray;
    padding: 5px !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    border-shadow: 5px;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
}

.Error a.Close
{
    color: #4682B4;
    text-decoration: none !important;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Close.gif") %>);
    background-repeat: no-repeat;
    background-position: center center;
    padding-right: 12px;
}

.DataView .Path
{
    padding: 4px 0px 2px 0px;
}

.DataView .Path a.Node
{
    text-decoration: none;
    font-size: 8.5pt;
    font-family: Tahoma;
    color: #333333;
    padding: 4px;
}

.DataView .Path a.Toggle
{
    text-decoration: none;
    margin-right: 3px;
}

.DataView .Path a.Toggle span
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.TreeControls.png") %>);
    width: 16px;
    height: 21px;
    background-position: -16px center;
    background-repeat: no-repeat;
    padding: 2px 13px 2px 0px;
}

.DataView .Path a:hover.Toggle span
{
    background-position: 0px center;
}

.DataView .Path a.Node:hover
{
    text-decoration: underline;
    color: #000;
}

.DataView .Path a.Selected
{
    font-weight: bold;
}

.DataView .Path span.Divider
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.PopupArrow.gif") %>);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 4px;
}

.DataView .Path span.Divider.First
{
    padding-left: 0px;
}

.DataView.Tabbed .FieldWrapper._Annotation_NoteNew div.Header, .DataView.Tabbed .FieldWrapper._Annotation_AttachmentNew div.Header, .DataView.Tabbed .FieldWrapper._Annotation_Note div.Header, .DataView.Tabbed .FieldWrapper._Annotation_Attachment div.Header
{
    width: 230px !important;
}

.ModalPlaceholder table.DataView.FormType tr.HeaderTextRow td.HeaderText
{
    padding-right:20px;
}

body.IE6 table.LoginDialogCollapsed#LoginDialog
{
    border-width:0px;
    margin-top:  1px;
}

.DnnModule
{
    margin-bottom:0px!important;
    padding-bottom:2em!important;
}/* core membership styles */

body, input, button, select, textarea
{
    font-family: tahoma;
    font-size: 8.5pt;
}

body
{
    margin-top: 0px;
}

form
{
    margin: 0px;
}

.MembershipBarPlaceholder
{
    height: 22px;
    border-bottom: solid 1px silver;
    background-color: White;
}

div.MembershipBar
{
    font-family: Tahoma;
    font-size: 8.5pt;
    position: absolute;
    height: 0px;
    border-style: none;
    top: 2px;
    right: 10px;
    background-color: transparent;
}
table.LoginDialog
{
    border: solid 1px silver;
    float: right;
    position: relative;
    z-index: 100000;
    margin-right: 4px;
    background-color: #F5F5F5;
    color: #000000;
    margin-right: 0px;
}

table.LoginDialogCollapsed
{
    color: Black;
    background-color: transparent;
    border: 1px solid transparent;
    height: 20px;
    margin-top: 0px;
    z-index: auto;
}

table.LoginDialog input#UserName, table.LoginDialog input#Password
{
    width: 90px;
}

table.LoginDialog td
{
    padding: 1px;
}
table.LoginDialog td#LoginControls
{
    padding: 2px 2px 2px 2px;
}

table.LoginDialog td#Anchor
{
    padding-left: 4px;
    padding-top: 2px;
}

div.MembershipBar input, div.MembershipBar button
{
    font-family: tahoma;
    font-size: 8.5pt;
}

div.MembershipBar a
{
    color: #336699;
    text-decoration: none;
}

div.MembershipBar a:hover
{
    text-decoration: underline;
}

.MembershipManager table.ViewSelector
{
    visibility: hidden;
}

div.HelpBar
{
    width: 300px;
    border: solid 1px gray;
    padding: 4px;
    background-color:#fff;
}

div.HelpBar div.Title
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.SettingsGraphic.jpg") %>);
    font-weight: bold;
    color: #000;
    padding: 4px;
    margin: -4px -4px 4px -4px;
    border-bottom: solid 1px gray;
    background-position: -450px 0px;
}

div.HelpBar iframe
{
    width: 300px;
    height: 400px;
    overflow: auto;
}

div.HelpBar div.Buttons
{
    margin: 4px -4px -4px -4px;
    border-top: solid 1px silver;
    padding: 4px;
}

div.HelpBar div.Buttons button
{
    margin-right: 4px;
}

div.HelpLink
{
    position: relative;
    top: 4px;
    background-color: transparent;
}

div.CultureLink
{
    top: 3px;
    position: relative;
    background-color: transparent;
    padding-top: 1px;
    padding-right: 4px;
    padding-left:3px;
    color:#696969;
}

.CultureSelector_Arrow
{
    background-image: none;
    background-color: transparent;
}

.CultureSelector_TopLine, .CultureSelector_RightLine, .CultureSelector_BottomLine, .CultureSelector_LeftLine
{
    background-color: transparent;
}

div.FixedDialog.UserIdle div.Text
{
    padding-bottom: 8px;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Information.gif") %>);
    background-repeat: no-repeat;
    padding-left: 20px;
}

div.FixedDialog.UserIdle div.Buttons
{
    text-align: center;
}

div.BookmarkBar
{
    float: left;
    margin-top: -2px;
    font-family: Tahoma;
    font-size: 8.5pt;
    padding: 0px 10px;
    color: #696969;
}

div.BookmarkBar a
{
    color: #336699;
    text-decoration: none;
}

div.BookmarkBar a:hover
{
    text-decoration: underline;
}

div.BookmarkBar table.Frame
{
    border-collapse: collapse;
}

div.BookmarkBar table.Frame tr td
{
    padding: 3px 2px;
    height: 22px;
}

div.BookmarkBar div.BookmarkControls
{
    position: relative;
    display: inline;
    padding-top: 4px;
}

div.BookmarkBar input
{
    width: 350px;
    height: 12px;
    padding: 1px 2px;
    font-size: 7pt;
    border: solid 1px gray;
    color: gray;
    margin-left: 4px;
}

div.BookmarkBar a.AddBookmark
{
    font-size: 1px;
    display: block;
    height: 15px;
    width: 16px;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.AddBookmark.gif") %>);
    background-repeat: no-repeat;
    cursor: pointer;
}

div.BookmarkBar a.CancelBookmark
{
    font-size: 1px;
    display: block;
    height: 15px;
    width: 16px;
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Undo.gif") %>);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

div.BookmarkBar a.AddBookmark:hover, div.BookmarkBar a.CancelBookmark:hover
{
    text-decoration: none;
}

a.RotateHistory
{
    text-decoration: none;
}

div.RotateHistory
{
    background-image: url(<%= WebResource("SmartHRMS.Infrastructure.Theme.Search.png") %>);
    width: 48px;
    height: 48px;
    cursor: pointer;
}
